<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="keywords" content="乌鲁木齐市存量房交易系统,乌鲁木齐房产交易,存量房交易系统" />
    <meta name="description" content="乌鲁木齐市存量房交易系统,乌鲁木齐房产交易,存量房交易系统" />
    <link rel="Shortcut icon" href="../../image/logo.ico">
    <link rel="stylesheet" href="../../frontStyle/anju365/register.css" />
</head>
<body>
    <div class="top">
        <div class="logo">
            <img src="../../css/image/logo.png">
            <span>欢迎注册</span>
        </div>
        <div class="go_login">
            <span>已有账号</span>
            <a href="../../anju365">直接登录</a>
        </div>
    </div>
    <div class="registerBox">
        <!-- <div class="register_title">用户注册</div> -->
        <div id="messageTips" class="err-tip"></div>
        <div class="count">
            <span class="title">登录账号:</span>
            <input id="userInput" placeholder="请输入您的登录账号" class="count" type="text" />
            <span class="required">*</span>
            <span class="rule userRule">请输入字母开头的6-18位数字、字母或下划线！</span>
        </div>
        <div class="count">
            <span class="title">设置密码:</span>
            <input id="pwdInput" placeholder="请输入您的密码" class="count" type="password" /><span class="required">*</span>
            <span class="rule pwdRule">请输入字母开头的6-18位数字、字母或下划线！</span>
        </div>
        <div class="count">
            <span class="title">确认密码:</span>
            <input id="confirmPwdInput" placeholder="请再次输入您的密码" class="count" type="password" /><span class="required">*</span>
            <span class="rule confirmpwdRule">请再次输入您的密码</span>
        </div>
        <div class="count">
            <span class="title">真实姓名:</span>
            <input id="nameInput" placeholder="请输入您的真实姓名" class="count" type="text" /><span class="required">*</span>
            <span class="rule nameRule">请输入不少于2位的汉字,可包含"·"</span>
        </div>
        <div class="count">
            <span class="title">身份证号:</span>
            <input id="idcardInput" placeholder="请输入您的身份证号" class="count" type="text" /><span class="required">*</span>
            <span class="rule idcardRule">请输入您的身份证号</span>
        </div>


        <div class="count">
            <span class="title">联系方式:</span>
            <input id="phoneInput" placeholder="请输入您的手机号" class="count" type="text" /><span class="required">*</span>
            <span class="rule phoneRule">请输入您的手机号</span>
        </div>

        <div class="count">
            <span class="title">身份证正面:</span>
            <form name = "img1" id="img1Input" enctype="multipart/form-data"> <input id="idcardPositiveImg" placeholder="请选择身份证正面" class="idcardPositiveImg idcard_img" type="file" />
            </form><input type="text" name="" readonly="readonly" style="opacity: 0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)'">
            <span class="upload_but">上传照片</span>
            <span class="required">*</span>
            <span class="rule idcardPositiveRule">请上传您的身份证正面照片</span>
        </div>
        <div class="count">
            <img class="frame_upload_img img1" src="../../css/image/sample1.jpg">
        </div>
        <div class="count">
            <span class="title">身份证反面:</span>
             <form name = "img1" enctype="multipart/form-data"><input id="dcardOppositeImg" placeholder="请选择身份证反面" class="dcardOppositeImg idcard_img" type="file" />
            </form><input type="text" name="" readonly="readonly" style="opacity: 0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)'">
            <span class="upload_but">上传照片</span>
            
            <span class="required">*</span>
            <span class="rule dcardOppsiteRule">请上传您的身份证反面照片</span>
        </div>
        <div class="count">
            <img class="frame_upload_img img2" src="../../css/image/sample2.jpg">

        </div>

        <div class="agreement">
            <input type="checkbox" id="agreementInput" name="checkbox" value="1">
            <span class="">我已阅读并同意<a href="./agreement.html">《安居365注册协议》</a></span>
        </div>
        <div class="registerBtn">
            <button id="registerBtn" class="registerBtn">提交</button>
        </div>
        
        </div>
        
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../frontJS/anju365/register.js"></script>
</body>
</html>